{% extends "mobile/common/vacation_base.html" %}

{% block title %}电子凭证{% endblock %}
{% block css_ex %}
    <!-- build:css(.tmp) css/hotel/hotel_order_record_pdf.css -->
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}mobile/css/hotel/hotel_order_record_pdf.css">
    <!-- endbuild -->
{% endblock %}

{% block app_header %}
    <script>
        {% if not is_breadtrip %}
        // System
        var breadtripBannerTitle = '电子凭证';
        var activityName = '电子凭证';
        // Display share button or not
        var shrFlag = 0;
        // Display back button or not 
        var goBackFlag = false;
        {% else %} 
        // App 显示底部navigation bar
        var bt_show_bottom_bar = 'YES';

        // System
        var breadtrip_banner_title = '电子凭证';
        var activity_name = '电子凭证';

        // Display share button or not
        var shr_flag = 0;
        {% endif %}   
    </script>
{% endblock %}

{% block content %} 
    <section>
    <div class="inner">
        <div class="top lacy"></div>
        <div class="title">
            <i></i>
            <div class="right">
                <p class="order-no">订单号 | <span>NO:{{ data.order.order_id }}</span></p>
                <p class="order-date">使用日期 | <span>{{ data.order.check_in_date }}</span></p>
                <p class="order-tip">入住酒店时，出示此凭证即可</p>
            </div>
        </div>
        <div class="item">
            <h1>Overstay</h1>
            <h2>{{ data.hotel.name_cn }}</h2>
        </div>
        <div class="item">
            <h1>Booking Details</h1>
            <h2>订单信息</h2>
            <ul>
                <li><p>{{ night_count }} Night {{ data.order.room_count }} Rooms</p></li>
                <li><p>Booking ID
                    <span>预定单号:{{ data.order.order_id }}</span></p>
                </li>
                <li class="half"><p>Check-in
                    <span>入住日期:{{ data.order.check_in_date }}</span></p>
                </li>
                <li class="half"><p>Check-out
                    <span>离店日期:{{ data.order.check_out_date }}</span></p>
                </li>
                <li class="half last"><p>Room Type
                    <span>房型偏好:{{ data.room.name }}{% if data.order.customer_preference_text %}-{{ data.order.customer_preference_text }}{% endif %}</span></p>
                </li>
                <li class="half last"><p>Guest Name
                    <span>入住人:                
                    {% for customer in data['order']['items'] %}                       
                        {{ '' if loop.index == 1 else ',' }} {{ customer.customer_last_name }} {{ customer.customer_first_name }}
                    {% endfor %}
                    </span></p>
                </li>
            </ul>
            <p class="tip">请了解：我们会将您的偏好转达酒店，但不保证酒店一定可以满足这些偏好（包括床型偏好）</p>
        </div>
        <div class="item">
            <h1>Room Charges&Payment Details</h1>
            <h2>酒店价格信息及支付详情</h2>
            <ul class="detail">
                <li class="half"><p>Room Price<span>房费:¥{{ data.order.average_price }}</span></p></li>
                <li class="half first"><p>Taxes&fees<span>税费和服务费:¥{{ data.order.surcharge_price }}</span></p></li>
                <li style="clear:both; padding:0;"></li>
                <li><p>Total<span>费用合计:¥{{ data.order.total_price }}</span></p></li>
                <li class="blue"><p>Payment Price<span>支付金额:¥{{ data.order.total_price }}</span></p></li>
            </ul>
        </div>
        <div class="item">
            <h1>Cancellation Policy</h1>
            <h2>取消政策</h2>
            <ul class="detail">
                <li class="only">
                    <p><span>{{ data.order.cancel_policy }}</span></p>
                </li>
            </ul>
        </div>
        <div class="item">
            <h1>Notes</h1>
            <h2>备注</h2>
            <ul class="detail">
                <li>
                    <p><span>此次预订的总费用不包括冰箱内的食物/饮料，电话费用以及干洗服务等。使用相关服务费用，酒店将直接与您结算。</span>
                    </p>
                </li>
                <li class="blue">
                    <p>重要提示：在办理前台入住时，请您出示有效证件，否则酒店有可能会要求您支付附加费，或者被视为无效预订。</p>
                </li>
            </ul>
        </div>
        <div class="item">
            <h1>Customer Service</h1>
            <h2>客户服务</h2>
            <ul class="detail">
                <li>
                    <p><span>如果您对以上信息有任何疑问，请尽快联系我们，我们7*24小时为您服务</span></p>
                </li>
                <li><p>Email Address
                    <span>邮箱地址：agent@breadtrip.com</span></p>
                </li>
                <li class="only"><p>Breadtrip Hotline 
                    <span>热线电话：400-625-1066</span></p>
                </li>
            </ul>
        </div>
        <div class="breadtrip"></div>
        <div class="bottom lacy"></div>
    </div>
    </section>
{% endblock %}

{# 不加载swipe组件 #}
{% block js_swipe %}{% endblock %}

{# 不加载zepto touch组件 #}
{% block js_touch %}{% endblock %}

{% block js_ex %}
{% endblock %} 
    
